<template >
  <el-header style="height: 50px">
    <div class="left">
      <img src="../assets/logo3.jpg" alt="" />
      <span>振涛教育教学管理平台</span>
    </div>
    <div class="right">
      <el-dropdown>
        <span class="el-dropdown-link">
          <span>欢迎：</span>
          admin<i class="el-icon-arrow-down el-icon--right"></i>
        </span>
        <el-dropdown-menu slot="dropdown">
          <el-dropdown-item icon="el-icon-plus">黄金糕</el-dropdown-item>
          <el-dropdown-item icon="el-icon-circle-plus">狮子头</el-dropdown-item>
          <el-dropdown-item icon="el-icon-circle-plus-outline"
            >螺蛳粉</el-dropdown-item
          >
          <el-dropdown-item icon="el-icon-circle-check"
            >蚵仔煎</el-dropdown-item
          >
        </el-dropdown-menu>
      </el-dropdown>
    </div>
  </el-header>
</template>
<script>
export default {}
</script>
<style lang="less" scoped>
.el-header {
  // background-color: #3B83C3;
  background-color: #5a9cf8;
  color: #ffffff;
  line-height: 60px;
  display: flex;
  justify-content: space-between;
  .left {
    padding: 2px 0px;
    display: flex;
    font-size: 20px;
    font-weight: bolder;
    align-items: center;
    img {
      height: 100%;
    }
    span {
      margin-left: 10px;
    }
  }
  .right {
    height: 100%;
    line-height: 50px;
    .el-dropdown-link {
      color: #ffffff;
    }
  }
}
</style>